<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="Wave_ot_editor.css">
    <title>Wave O/T Editor WebApp</title>
    <script type="text/javascript" language="javascript" src="wave_ot_editor/wave_ot_editor.nocache.js"></script>
  </head>

  <body>
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

	<h1>Wave Operational Transform Based Editor</h1>
	<div id="toolbar">
	  <span id="lineButtonContainer"></span>
	  <span id="rectangleButtonContainer"></span>
	  <span id="circleButtonContainer"></span>
	  <span id="clearButtonContainer"></span>
	  <span id="colourSelectorContainer"></span>
	</div>

	<div id="hintDiv"></div>

	<canvas id="canvas" width="500" height="500" >
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
	    This application requires HTML5 Canvas support. Please install 
	    <a href="http://www.google.com/chrome">Google Chrome</a>, 
	    <a href="http://www.mozilla.com/en-US/firefox/personal.html">Mozilla Firefox</a>, or 
	    <a href="http://www.apple.com/safari/">Apple Safarai</a>.
      </div>
	</canvas>
	
	<div id="serverCommsDiv"></div>

  </body>
</html>
